html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none!important;}
/*******CSS reset*************/
body{overflow-x:hidden;position:relative;z-index:-2;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
@media (max-width:767px){.hidden-xs {display:none;}}
@media(min-width:1400px) {
.container {width:1400px;max-width:1400px;position:relative;}
}
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.imgbox {width:100%;position:relative;overflow:hidden;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img {height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s all;}
/*.imgbox:hover img {width:110%;max-width:110%;transition:.36s all;}*/
#flash {overflow:hidden;}
.flash-box {width:500px;position:relative;left:50%;top:0;transform:translateX(-50%);}
.flash-box img {max-width:100%;}
@media (min-width:520px) {
.flash-box {width:768px;}
}
@media (min-width:768px) {
.flash-box {width:1000px;}
#flash .swiper-button-prev {left: 15%;}
#flash .swiper-button-next {right:15%;}
}
@media (min-width:992px) {
.flash-box {width:1440px;}
}
@media (min-width:1440px) {
.flash-box {width:1920px;}
#flash .swiper-button-prev {left: 10%;}
#flash .swiper-button-next {right:10%;}
}
.search-wrap {line-height:60px;transition:all .3s;color:#fff;display:flex;justify-content:space-around; width:100%;height:0;overflow:hidden;position:relative;background:rgba(0,0,0,.8);}
.search-wrap.active {height:60px;transition:all .3s;z-index:99999;position:sticky;top:0;left:0;right:0;}
.search-wrap input {height:30px;line-height: 30px;border:none;border-radius: 5px;padding:0 10px;margin:0 5px;box-sizing: border-box;}
.search-wrap .form {display:flex;align-items: center;}
@media(min-width:768px) {
.search-wrap {line-height:80px;}
.search-wrap.active {height:80px;}
.search-wrap input {height:40px;line-height: 40px;}
}
@media(min-width:992px) {
.search-wrap {line-height:110px;}
.search-wrap.active {height:110px;}
.search-wrap input {height:50px;line-height: 50px;padding:0 20px;margin:0 10px;}
}
.top-bar {position:absolute;top:31px;left:0;width:100%;height:70px;}
.logo {color:#fff;height:70px;padding-left:20px;margin:0;}
.logo a {color:#fff;}
.logo h1 {font-size:28px;font-weight:600;}
.logo h1 img {max-width:78%;}
.m-nav-btn {color:#fff;text-align:center;position:absolute;right:30px;top:15px;height:40px;background:#fc8a00;border-radius:3px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.5);cursor:pointer;padding:0 10px;font-size:12px;}
.m-nav-btn>div {padding:0;line-height: 16px;}
.m-nav-btn i {font-size:20px;}
.header {position:relative;top:0;left:0;right:0;height:100px;z-index:99;}
.header .nav {margin:0 auto;}
.header .nav li {color:#fff;padding:0 30px;line-height:100px;}
.header .nav li a {display:block;color:#fff;text-decoration:none;}
.header .nav li a:after {content:'';display:block;width:0px;margin:0 auto;height:3px;background:#fff;transform:translateY(-25px);}
.header .nav li:hover a:after,.header .nav li.active a:after {width:25px;transition:.3s width;}
.top-tel {color:#fff;line-height:30px;background:#024999;width:100%;text-align:right;font-size:16px;}
.top-tel span {padding:10px 20px;}
.m-nav {position:fixed;top:101px;left:0;right:0;width:100%;z-index:9999;overflow:hidden;height:0;color:#fff;background:#024999;transition:1s height;}
.m-nav li {text-align:center;line-height:40px;border:2px solid #024999;border-bottom:2px solid rgba(255,255,255,.1);}
.m-nav li a {display:block;color:#fff;}
.m-nav.active {height:89vh;transition:1s height;}
.m-nav li:hover {border:2px solid rgba(255,255,255,.1);background:#fff;}
.m-nav li:hover a {color:#000;}
.search-btn {padding:0 15px;}
@media (max-width:1199px) {
.header .container {width:100%;max-width:100%;}
}
@media (max-width:767px) {
.top-tel {border-bottom: 1px solid rgba(255,255,255,.3);}
.top-tel span {padding:10px 5px;}
.logo {background: #024999;padding-left:0;}
.logo h1 img {max-height:45px;}
}
@media (min-width:768px) {
.m-nav {top:100px;width:345px;}
.header {height:100px;background:#024999;}
.top-bar {border:0;top:0px;width:330px;}
.m-nav-btn {right:0px;top:0px;height:100px;padding:0 20px;border-radius:0px;box-shadow:unset;}
.header .nav {overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:absolute;right:0;width:55%;height:100px;}
.header .nav::-webkit-scrollbar {height:5px;background:none;}
.header .nav::-webkit-scrollbar-thumb {background:rgba(255,255,255,.3);border-radius:5px;}
.header .nav li {display:inline-block;}
}
@media (min-width:992px) {
.header .nav {width:60%;overflow:hidden;text-align:center;}
.header .nav li {padding:0;flex:1;}
}
@media (min-width:1200px) {
.m-nav li {line-height:60px;font-size:18px;}
.m-nav-btn i {font-size:36px;}
/*椤堕儴瀵艰埅娴姩鏍峰紡*/
.header.onmove {background:#024999;transition:.5s all;height:80px;box-shadow:0 0 10px 0 #000;}
.header.onmove .top-bar {height:80px;transition:.5s all;}
.header.onmove .logo {height:80px;transition:.5s all;}
.header.onmove .nav {line-height:80px;transition:.5s all;}
.header.onmove .nav li {line-height:80px;transition:.5s all;}
.header.onmove .top-tel {height:80px;line-height:80px;transition:.5s all;}
.header.onmove .m-nav-btn {height:80px;transition:.5s all;}
.m-nav {top:110px;}
.m-nav.onmove {top:80px;}
/*椤堕儴瀵艰埅娴姩鏍峰紡*/
.logo {height:110px;transition:.5s all;}
.logo h1 {font-size:40px;}
.top-bar {position:fixed;left:0;height:110px;transition:.5s all;}
.header {position:fixed;background:none;height:110px;transition:.5s all;}
.header .nav {width:50%;left:50%;transform:translateX(-38%);}
.header .nav li {line-height:110px;font-size:16px;transition:.5s all;}
.m-nav-btn {height:110px;transition:.5s all;}
.top-tel {background:none;height:110px;line-height:110px;color:#fff;width:unset;position:absolute;right:0;transition:.5s all;}
.top-tel span {padding:5px 20px;border:1px solid rgba(255,255,255,.3);}
}
@media(min-width:1440px) {
.container {width:1400px;max-width:1400px;position:relative;}
.header .nav {width:60%;transform:translateX(-45%);}
.top-tel {right:-30px;}
}
@media (min-width:1700px) {
.m-nav {width:475px;}
.logo {padding-left:45px;font-weight:600;font-size:15px;}
.logo h1 {font-size:40px;}
.top-bar {width:460px;}
.header .nav {transform:translateX(-50%);}
.top-tel {font-size:24px;}
}
/*header鏍峰紡*/
/*棣栭〉浜у搧涓績鏍峰紡*/
.index01 {position:relative;overflow:hidden;padding:40px 0;}
.index01-title {text-align:center;background: url(../Image/index01_title.jpg) no-repeat center;}
.index01-title .t1 {color:#343434;font-size:24px;}
.index01-title .t2 {color:#d6d6d6;}
.index01-type {margin:25px 0 15px;width:100%;padding:0 15px;}
.index01-type-title {color:#024999;font-weight:600;margin-right:20px;margin-bottom:10px;}
.index01-type a {font-size:12px;display:inline-block;padding:0 15px;color:#555;border-right:1px solid #dfdfdf;margin-bottom:10px;}
.index01-type a:last-child {border:0;}
.index01-slide {color:#6e6e6e;}
.index01-slide-img {overflow:hidden;border: 1px solid rgba(222,222,222,.3);}
.index01-slide-title-left {line-height:35px;}
.index01-slide-title-right-slide {color:#6e6e6e;flex:1;padding:5px 0;border:1px solid #6e6e6e;border-radius:5px;text-align:center;font-size:12px;}
.index01-slide-title-right-slide i {display:block;margin:0 auto;background:url(../Image/images.png) no-repeat;}
.index01-slide-title-right-slide:nth-child(1) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -63px;transition:.5s all;}
.index01-slide-title-right-slide:nth-child(2) i {width:24px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-24px -0px;transition:.5s all;}
.index01-slide-title-right-slide:nth-child(3) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -41px;transition:.5s all;}
.index01-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #969696;width:190px;margin-top:40px;}
.index01-more a {color:#fff;}
.index01-bg {background:#000;position:absolute;bottom:0;left:0;right:0;height:55%;z-index:-1;}
@media(max-width:767px) {
.index01 {padding-bottom:0;}
.index01-type {display:flex;flex-flow:row wrap;}
.index01-type a {display:inline;flex:1;flex-basis:33.33%;max-width:33.33%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*.index01-type a:nth-child(2) {padding-left:0;}*/
.index01-more {margin-top: 20px;margin-bottom: 20px;}
}
@media (min-width:768px) {
.index01-slide-title {margin-top:15px;}
.index01-slide-title:after {content:'';display:block;clear:both;}
.index01-slide-title-left {float:left;}
.index01-slide-title-right-slide {margin-left:5px;padding:5px;}
}
@media(min-width:992px) {
.index01-slide-title-right {float:right;}
}
@media (min-width:1200px) {
.index01 {padding:65px 0 75px;}
.index01-type {font-size:16px;margin:65px 0 45px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.index01-type a {font-size:16px;padding:0 10px;}
.index01-title .t1 {font-size:40px;}
.index01-title .t2 {font-size:16px;}
.index01-slide:hover a {color:#fff;}
.index01-slide:hover img {height:110%;width:110%!important;transition:all .36s;}
.index01-slide-title-left {line-height:50px;font-size:16px;}
.index01-slide-title-right-slide {margin-left:10px;}
.index01-slide-title-right-slide:hover {color:#fff;transition:.5s all;cursor:pointer;}
.index01-slide-title-right-slide:hover i {background-position-x:0;transition:.5s all;}
.index01-more {font-size:15px;padding:10px 0;margin-top:70px;}
.index01-more:hover {background:#fff;transition:.3s all;border-color:#fff;}
.index01-more:hover a {color:#333;}
}
/*棣栭〉浜у搧涓績鏍峰紡*/
/*棣栭〉瑙e喅鏂规鏍峰紡*/
.index02 {color:#fff;position:relative;padding:30px 0;overflow: hidden;}
.index02-bg {position:absolute;top:0;left:0;right:0;background: #024999;height:600px;z-index: -1;}
.index02-title {font-size:24px;text-align: center;margin:30px auto;}
.index02-title span {color:yellow;}
.index02-title small {font-size:12px;color:#fff;display:block;}
.index02-company {line-height: 24px;height:96px;overflow:hidden;padding:0 15px;margin:25px 0;text-align: justify;}
.index02-number-slide div {color:#ffde00;white-space: nowrap;}
.index02-number-slide div p {display:inline;font-size:36px;font-weight:bold;}
.index02-number-slide div>i {font-size:12px;}
.index02-number-slide>span {font-size:12px;color:#fff;}
.index02-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #fff;width:190px;margin-bottom:25px;}
.index02-more a {color:#fff;}
.index02-content ul {overflow:hidden;}
.index02-content li {position:relative;float:left;width:50%;overflow:hidden;transition:.5s all;}
.index02-content li img {width:100%;}
.index02-layer {position:absolute;z-index: 9;left:10%;top:25%;width:80%;text-align: center;}
.index02-layer b {font-size:38px;}
.index02-layer i {display:block;width:20px;height:2px;background:#fff;margin:2px auto 10px;}
.index02-layer h2 {font-size:16px;font-weight:600;margin-bottom: 15px;}
.index02-layer p {opacity: 0;position:absolute;left:0;right:0;top:0;bottom:0;z-index: 99;line-height: 24px;font-size:12px;}
.index02-content li:hover .index02-layer {top:0;left:15px;right:15px;width:unset;text-align: justify;}
.index02-content li:hover .index02-layer-txt {display:none;}
.index02-content li:hover p {opacity: 1;padding-top:25px;}
.index02-content li p a {display:none;}
.index02-shadow {position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.7);z-index:1;}
.index02-content li.active .index02-shadow {background: rgba(2,73,153,.8);}
@media(max-width:767px) {
.index02-number-slide {margin-bottom: 15px;}
}
@media (min-width:768px) {
.index02-bg {height:77%;}
.index02-title {font-size:40px;margin:40px auto;}
.index02-title small {font-size:16px;}
/*.index02-number-slide div p {font-size:28px;}*/
.index02-number-slide>span {font-size:12px;}
.index02-content li {position:relative;float:left;width:22%;height:360px;overflow:hidden;transition:.5s all;}
.index02-content li img {position:absolute;left:0;top:0;right:0;width:unset;}
.index02-layer {text-align: left;}
.index02-layer i {width:30px;margin:10px 0 15px;}
.index02-layer p {position:unset;display:none;}
.index02-content li p a {color:#fff;margin-top:30px;width:35%;display:block;border:1px solid #fff;text-align: center;line-height: 35px;}
.index02-content li p a:hover {background: #024999;color:#fff;}
.index02-content li:hover .index02-layer-txt {display:unset;}
.index02-content li:hover .index02-layer {top:30px;left:10%;width:80%;}
.index02-content li:hover p {padding-top:0;}
.index02-content li.active .index02-layer i {/*background:#024999;*/}
.index02-content li.active .index02-layer {/*color:#024999;*/text-align: left;top:40px;}
.index02-content li.active .index02-layer p {display:block;}
.index02-content li.active {width:34%;transition:.5s all;}
.index02-content li.active img {position:absolute;top:0;left:0;right:0;bottom:0;}
.index02-content li.active .index02-layer p {opacity: 1; text-align: justify;}
}
@media (min-width:992px) {
.index02-layer b {font-size:40px;}
.index02-layer h2 {font-size:22px;}
.index02-layer p {font-size:14px;}
.index02-number-slide div p {font-size:36px;}
.index02-number-slide div>i {font-size:14px;}
.index02-number-slide>span {font-size:14px;}
.index02-company {line-height: 30px;text-align:center;margin:40px 0;}
}
@media (min-width:1200px) {
.index02-layer p {width:301px;}
.index02-layer b {font-size:50px;}
.index02-layer i {width:55px;}
.index02-layer h2 {font-size:30px;font-weight:normal;}
.index02-number-slide div p {font-size:70px;}
.index02-number-slide div>i {font-size:16px;}
.index02-number-slide>span {font-size:16px;}
.index02-content li {height:530px;}
.index02-content li img {height:100%;}
.index02-content li.active img {width:100%;}
.index02-content li.active .index02-layer {top:55px;}
.index02-content li.active p {line-height: 30px;}
.index02-more {font-size:15px;padding:10px 0;margin-bottom: 80px;}
.index02-more:hover {background:#fff;transition:.3s all;border-color:#fff;}
.index02-more:hover a {color:#024999;font-weight:bold;}
}
@media (min-width:1441px) {
.index02-layer p {width:372px;}
}
/*棣栭〉瑙e喅鏂规鏍峰紡*/
/*棣栭〉鏂藉伐妗堜緥鏍峰紡*/
.index03 {padding:20px 0;position:relative;}
.index03-left {padding:0 15px;}
.index03-left-img {overflow:hidden;border:1px solid #eee;position:relative;}
.index03-left-img:after {content:'';display: block;padding-top:75%;}
.index03-left-img img {width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.index03-title {font-size:24px;margin:20px 0;}
.index03-title small {display:block;font-size:14px;color:#c7c7c7;}
.index03-right-content {line-height: 24px;font-size:12px;text-align: justify;}
.index03-right-content h2 {font-size:16px;line-height:24px;font-weight:600;margin:10px 0 20px;}
.index03-right-content-more {display:block;border:1px solid #717171;color:#717171;text-align: center;margin:15px 0;width:100px;}
.index03 .swiper-pagination-bullet {background: none; border: 1px solid;margin:0 2px;}
.index03 .swiper-pagination-bullet-active {background: #666;}
.index03-swiper-pagination {margin:10px 0;}
@media (min-width: 768px) {
.index03-right {padding-left:30px;}
.index03 i {display:block;position:absolute;top:55px;left:50%;transform:translateX(-45px);z-index:9;height:4px;width:60px;background: #024999;}
}
@media (min-width: 992px) {
.index03-right {padding-left:80px;}
.index03-title {font-size:35px;}
.index03-title small {font-size:18px;}
.index03-right-content {font-size:14px;line-height: 24px;}
.index03-right-content h2 {font-size:18px;margin:30px 0;line-height:32px;}
.index03-right-content-more {width:200px;height:45px;line-height:45px;}
.index03-right-content-more:hover {background: #024999;color:#fff;border-color:#024999;transform:translateY(-5px);transition:.5s transform;}
.index03 i {height:6px;width:100px;top:70px;transform:translateX(-65px);}
}
@media (min-width:1200px) {
.index03-swiper-pagination {margin:20px 0 25px;}
.index03 {margin-top:30px;}
.index03-title {margin-top:80px;}
}
/*棣栭〉鏂藉伐妗堜緥鏍峰紡*/
/*棣栭〉鏂伴椈鍔ㄦ€佹牱寮?/
.index04 {position:relative;overflow:hidden;padding:30px 0;}
.index04-title {text-align:center;background: url(../Image/index01_title.jpg) no-repeat center;}
.index04-title .t1 {color:#343434;font-size:24px;}
.index04-title .t2 {color:#d6d6d6;}
.index04-left,.index04-right {margin-top:30px;}
.index04-left-slide {margin-bottom:15px;}
.index04-left-slide-time {color:rgba(0,0,0,.6);font-size:20px;font-weight:600;text-align:right;border-right:1px solid rgba(0,0,0,.1);}
.index04-left-slide-time small {font-size:12px;font-weight:normal;color:rgba(0,0,0,.6);}
.index04-left-slide-title {margin-bottom: 15px;transition:.36s all;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index04-left-slide-content {font-size: 12px;line-height: 24px;max-height:72px;overflow:hidden;color:rgba(0,0,0,.6);margin:10px 0;}
.index04-right-slide {text-align:center;}
.index04-right-slide-img {overflow:hidden;position:relative;}
.index04-right-slide-img:after {content:'';display:block;margin-top:57%;}
.index04-right-slide-img img {max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s all;}
.index04-right-slide-title {line-height: 45px;margin-top:15px;}
.index04-more {margin:20px auto;text-align: center;line-height: 35px;height:35px;border:1px solid rgba(0,0,0,.6);display:block;width:200px;}
@media (min-width:992px) {
.index04-left,.index04-right {margin-top:50px;}
.index04-left-slide {margin-bottom:40px;cursor:pointer;}
.index04-left-slide-time {font-size:25px;}
.index04-left-slide-time small {font-size:14px;font-weight:normal;}
.index04-left-slide-title {margin-bottom: 20px;}
.index04-left-slide-content {font-size: 14px;}
.index04-left-more {font-size:20px;}
.index04-right-slide-title {font-size: 16px;font-weight:600;text-align:left;margin-top:20px;}
.index04-more {margin:30px auto 45px;line-height: 45px;height:45px;}
.index04-more:hover {background: #024999;color:#fff;border-color:#024999;transform:translateY(-5px);transition:.5s transform;}
.index04-left-slide-title:hover {color:#024999;padding-left:15px;transition:.36s all;}
.index04-left-slide:hover .index04-left-slide-content {text-decoration: underline;}
.index04-left-slide:hover .index04-left-more {padding-left:15px;transition:.5s padding;}
.index04-right-slide-img:hover img {opacity:.8;transition:.36s all;}
}
@media (min-width:1200px) {
.index04 {padding-top:70px;}
.index04-left-slide-title {font-size: 16px;margin-bottom: 25px;}
.index04-title .t1 {font-size:40px;}
.index04-title .t2 {font-size:16px;}
.index04-right-slide-title {margin-top:30px;}
}
/*棣栭〉鏂伴椈鍔ㄦ€佹牱寮?/
/*鍐呴〉鍏敤鏍峰紡*/
.page {margin: 20px auto;}
.inbanner {overflow:hidden;position:relative;}
.inbanner img {position:relative;left:50%;transform:translateX(-50%);width:600px;}
.inbanner-content {color:#fff;text-align: center;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.inbanner h2 {font-size:22px;line-height:32px;}
.inbanner small {color:rgba(49,47,47,.42);/*letter-spacing:4px;*/}
.inpage-main {margin-bottom:50px;}
.location {border-bottom:1px solid #eee;line-height: 40px;}
.location-nav a {color:#888;text-align: center;display:block;position:relative;white-space: nowrap;}
.location-nav a:hover,.location-nav a.active {color:#024999;}
.location-nav a:hover:after,.location-nav a.active:after {content:'';display:block;height:3px;width:50%;transform:translateX(-50%);background: #024999;position:absolute;bottom:0px;left:50%;}
.inpage-main-location {color:#666;width:100%;padding-right:15px;text-align: right;white-space: nowrap;}
.inpage-main-title {font-size: 20px;width:100%;text-align: center;}
.inpage-main-description {line-height: 40px;font-size:12px;border:1px solid #eee;border-left:0;border-right:0;margin:15px 0;text-align: center;}
.inpage-main-content {line-height: 2.5rem;}
.inpage-main-content img {max-width:100%!important;}
@media(max-width:767px) {
.inbanner {max-height:150px;}
.inpage-main {margin-top:20px;}
}
@media(min-width:768px){
.inbanner img {width:100%;}
.inpage-main-title {font-size:24px;}
.inpage-main-description {font-size:14px;}
.location {margin-bottom: 20px;}
}
@media(min-width:1200px) {
.inbanner {max-height:350px;}
}
@media(min-width:1400px){
.location {line-height: 75px;}
.location-nav {font-size:16px;}
.inpage-main-location {font-size:15px;}
.inbanner img {width:1920px;}
.inbanner h2 {font-size:50px;line-height:100px; font-weight: bold;}
.inbanner small {font-size:16px;margin-top:25px;}
.inpage-main-title {font-size:28px;}
.inpage-main-description {line-height: 60px;margin:25px 0;}
.inpage-main-content {font-size:16px;}
}
/*鍐呴〉鍏敤鏍峰紡*/
/*浜у搧缁煎悎椤垫牱寮?/
.inpro-list {flex-flow:row wrap;padding-top: 20px;}
.inpro-slide {font-size:12px;line-height: 32px;flex-basis: 33.1%;text-align:center;padding:0 5px;margin-bottom:15px;}
.inpro-slide a {background:#e6e6e6;color:#666666;padding:0 5px;display:block;overflow:hidden;white-space: nowrap;position:relative;}
@media(max-width:767px){
.inpro-slide {max-width:33.33%;}
}
@media(min-width:768px){
.inpro-slide {font-size:14px;flex-basis: 25%;}
}
@media(min-width:992px) {
.inpro-slide a:hover {background: #024999;color:#fff;}
.inpro-slide.active a {background: #024999;color:#fff;}
}
@media(min-width:1200px){
.inpro-list {flex-flow:row wrap;padding:0;padding-top: 36px;}
.inpro-slide {font-size:16px;line-height: 40px;flex-basis: 20%;}
}
.product-list {border-bottom:1px solid rgba(0,0,0,.2);}
.product-list-slide {padding:15px;}
.product-list-slide-img {background:#fff;border:1px solid #eee;overflow:hidden;}
.product-list-slide-img img {transition:.5s all;}
.product-list-slide-title-left {line-height:35px;font-weight:600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-list-slide-title-right-slide {color:#6e6e6e;flex:1;padding:5px 0;border:1px solid #6e6e6e;border-radius:5px;text-align:center;font-size:12px;}
.product-list-slide-title-right-slide i {display:block;margin:0 auto;background:url(../Image/images.png) no-repeat;}
.product-list-slide-title-right-slide:nth-child(1) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -63px;transition:.5s all;}
.product-list-slide-title-right-slide:nth-child(2) i {width:24px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-24px -0px;transition:.5s all;}
.product-list-slide-title-right-slide:nth-child(3) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -41px;transition:.5s all;}
@media (min-width:768px) {
.product-list-title {font-size:24px;margin:15px 0;}
.product-list-title i {font-size:20px;font-style:unset;color:#fff;background:#024999;padding:0 5px;margin-right:10px; }
.product-list-title a {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size:15px;color:rgba(0,0,0,.6);}
.product-list-slide-title {margin-top:15px;}
.product-list-slide-title:after {content:'';display:block;clear:both;}
.product-list-slide-title-left {float:left;}
.product-list-slide-title-right {float:right;}
.product-list-slide-title-right-slide {margin-left:5px;padding:5px;}
}
@media (min-width:1200px) {
.product-list {border-bottom:1px solid rgba(0,0,0,.2);padding:50px 0 90px;}
.product-list-title {font-size:30px;}
.product-list-title i {font-size:25px;}
.product-list-slide {margin-bottom: 30px;}
.product-list-slide-title-left {line-height:50px;font-size:16px;max-width:135px;}
.product-list-slide-title-right-slide {margin-left:10px;}
.product-list-slide:hover {background:#024999;color:#fff;transition:background .36s ease-in;}
.product-list-slide:hover .product-list-slide-title-left {color:#fff;}
.product-list-slide:hover i {background-position-x:0;transition:.5s all;}
.product-list-slide:hover .product-list-slide-title-right-slide {color:#fff;border-color:#fff;}
}
@media (min-width:1440px) {
.product-list-slide-title-left {max-width:220px;}
}
/*浜у搧缁煎悎椤垫牱寮?/
/*鏂伴椈鍒楄〃椤垫牱寮?/
.news-list {margin-bottom: 70px;}
.news-slide {padding:15px 15px;border-bottom:1px dashed #ddd;}
.news-slide-title {font-size:18px;font-weight:600;}
.news-slide-content {line-height: 24px;font-size:12px;margin:10px 0;color:rgba(0,0,0,.6);}
.news-slide-time {color:#ddd;font-size:12px;}
.news-img-slide {margin-bottom:15px;}
.news-img-slide-img {text-align: center;border:1px solid #eee;padding:10px;position:relative;overflow:hidden;}
.news-img-slide-img:after {content:'';display:block;padding-top:75%;}
.news-img-slide-img img {max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.news-img-slide-title {margin-top:15px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-img-slide-content {color:rgba(0,0,0,.6);line-height: 24px;}
.news-img-slide-content h2 {font-size:18px;line-height: 45px;}
a.news-img-slide-more {color:#aaa;display:block;border: 1px solid #eee;text-align: center;width:100px;line-height:45px;margin:15px 0;}
@media(max-width:767px) {
.news-list {margin-top:20px;}
}
@media(min-width:768px) {
.news-slide-title {font-size:18px;}
.news-slide-content {line-height: 28px;font-size:14px;margin:15px 0;}
.news-slide-time {font-size:14px;}
}
@media(min-width:992px){
.news-slide {padding:25px 15px;}
.news-slide-title {font-size:20px;font-weight:500;}
.news-slide-content {line-height: 32px;font-size:16px;}
.news-slide:hover .news-slide-content {text-decoration: underline;}
.news-img-slide {margin-bottom:40px;}
/*.news-img-slide-img {box-shadow: 0 20px 40px -20px #999}*/
.news-img-slide-img img {max-width:100%;}
.news-img-slide-content {max-width:70%;margin:0 auto;/*padding-top:35px;*/}
.news-img-slide-content h2 {font-size:32px;line-height: 60px;}
.news-img-slide-content p {line-height: 32px;margin:30px 0;}
a.news-img-slide-more {width:200px;}
a.news-img-slide-more:hover {background: #024999;color:#fff;}
.news-img-slide-img:hover {opacity: .8;}
.news-img-slide-title {font-size:14px;}
}
/*鏂伴椈鍒楄〃椤垫牱寮?/
/*鏂伴椈钀藉湴椤垫牱寮?/
.news-info {}
/*鏂伴椈钀藉湴椤垫牱寮?/
/*鍏充簬鎴戜滑鏍峰紡*/
.company-01 {padding-bottom:20px;}
.cp-title {font-size:20px;text-align: center;margin:30px auto;}
.cp-title span {color:yellow;}
.cp-title small {font-size:12px;display:block;}
.cp-number-slide div p {font-size:24px;color:#024999;font-weight:bold;display:inline;}
.cp-number-slide div>i {font-size:12px;font-style:normal;font-weight:bold;color:#024999;}
.cp-number-slide>span {font-size:12px;color:#919191;}
.cp01-left img {max-width:100%;}
.cp01-right {line-height: 2rem;margin:20px 0;}
@media(max-width:767px) {
.cp-number-slide {margin-bottom: 20px;}
}
@media(min-width:768px){
.cp-title {font-size:30px;margin:40px auto;}
.cp-title small {font-size:16px;}
.cp-number-slide div p {font-size:28px;}
.cp01-left {text-align: left;margin-bottom:30px;}
}
@media(min-width:992px){
.company-01 {padding-bottom:60px;}
.cp-title {font-size:36px;}
.cp-title small {margin-top:20px;}
.cp-number-slide div p {font-size:36px;}
.cp-number-slide div>i {font-size:14px;}
.cp-number-slide>span {font-size:14px;}
.cp01-left {text-align: left;padding-top:30px;}
.cp01-right {line-height: 2.5rem;}
}
@media (min-width:1200px) {
.company-01 {padding-bottom:80px;}
.cp-title small {font-size:19px;}
.cp-number-slide div p {font-size:70px;}
.cp-number-slide div>i {font-size:16px;}
.cp-number-slide>span {font-size:16px;}
.cp01-right {font-size:16px;}
}
.cp02 {color:#fff;position:relative;padding:30px 0;overflow: hidden;}
.cp02-bg {position:absolute;top:0;left:0;right:0;background: #024999;height:600px;z-index: -1;}
.cp02-title {font-size:20px;text-align: center;margin:30px auto;}
.cp02-title span {color:yellow;}
.cp02-title small {font-size:12px;display:block;color:rgba(255,255,255,.6);}
.cp02-content ul {overflow:hidden;}
.cp02-content li {position:relative;float:left;width:50%;overflow:hidden;transition:.5s all;}
.cp02-content li img {width:100%;}
.cp02-layer {position:absolute;z-index: 9;left:10%;top:35%;width:80%;text-align: center;color:#fff;}
.cp02-layer b {font-size:24px;}
.cp02-layer i {display:block;width:20px;height:2px;background:#fff;margin:2px auto 10px;}
.cp02-layer h2 {font-size:16px;font-weight:600;margin-bottom: 15px;}
.cp02-layer p {opacity: 0;position:absolute;left:0;right:0;top:0;bottom:0;z-index: 99;line-height: 24px;font-size:12px;}
.cp02-content li:hover .cp02-layer {top:0;left:15px;right:15px;width:unset;text-align: justify;}
.cp02-content li:hover .cp02-layer-txt {display:none;}
.cp02-content li:hover p {opacity: 1;padding-top:25px;}
.cp02-content li p a {display:none;}
.cp02-shadow {position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.7);z-index:1;}
.cp02-content li.active .cp02-shadow {background: rgba(2,73,153,.8);}
@media (min-width:768px) {
.cp02-bg {height:65%;}
.cp02-title {font-size:30px;margin:40px auto;}
.cp02-title small {font-size:16px;}
.cp02-content li {position:relative;float:left;width:22%;height:360px;overflow:hidden;transition:.5s all;}
.cp02-content li img {position:absolute;left:0;top:0;right:0;width:unset;}
.cp02-layer {text-align: left;}
.cp02-layer i {width:30px;margin:10px 0 15px;}
.cp02-layer p {position:unset;display:none;}
.cp02-content li p a {color:#fff;margin-top:20px;width:35%;display:block;border:1px solid #fff;text-align: center;line-height: 35px;}
.cp02-content li p a:hover {background: #024999;color:#fff;}
.cp02-content li:hover .cp02-layer-txt {display:unset;}
.cp02-content li:hover .cp02-layer {top:30px;left:10%;width:80%;}
.cp02-content li:hover p {padding-top:0;}
.cp02-content li.active .cp02-layer {text-align: left;top:40px;color:#fff;}
.cp02-content li.active .cp02-layer i {background:#fff;}
.cp02-content li.active .cp02-layer p {display:block;}
.cp02-content li.active {width:34%;transition:.5s all;}
.cp02-content li.active img {position:absolute;top:0;left:0;right:0;bottom:0;}
.cp02-content li.active .cp02-layer p {opacity: 1;}
}
@media (min-width:992px) {
.cp02-title {font-size:36px;}
.cp02-title small {margin-top:20px;}
.cp02-layer b {font-size:40px;}
.cp02-layer h2 {font-size:22px;}
.cp02-layer p {font-size:14px;}
}
@media (min-width:1200px) {
.cp02-content li {height:530px;}
.cp02-content li img {height:100%;}
.cp02-content li.active img {width:100%;}
.cp02-content li.active .cp02-layer {top:55px;}
.cp02-content li.active p {line-height: 34px;}
}
.cp03 {position:relative;padding:30px 0;overflow: hidden;}
.cp03-bg {position:absolute;top:0;left:0;right:0;background: #024999;height:600px;z-index: -1;}
.cp03-title {font-size:20px;text-align: center;margin:30px auto;}
.cp03-title span {color:yellow;}
.cp03-title small {font-size:12px;display:block;}
.cp03-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #999;width:190px;margin-bottom:25px;}
@media (min-width:768px) {
.cp03-bg {height:65%;}
.cp03-title {font-size:30px;margin:40px auto;}
.cp03-title small {font-size:16px;}
}
@media (min-width:992px) {
.cp03-title {font-size:36px;}
.cp03-title small {margin-top:20px;}
.cp03-slide {padding: 5%;border: 1px solid #eee;}
}
@media(min-width:1200px) {
.cp03-more {font-size:15px;padding:10px 0;margin-bottom: 80px;}
.cp03-more:hover {background:#024999;transition:.3s all;border-color:#024999;}
.cp03-more:hover a {color:#fff;}
}
/*鍏充簬鎴戜滑鏍峰紡*/
/*footer鏍峰紡*/
.footer {background: #202020;color:#939393;}
.footer-nav {border-bottom:1px solid rgba(147,147,147,.1);margin-bottom: 20px;}
.footer-nav .container {flex-flow:row wrap;padding:15px 0;}
.footer-nav a {color:rgba(255, 255, 255, .6);text-align:center;line-height:35px;flex-basis:33%;}
.footer-ewm-slide {flex:1;margin:0 10px;}
.footer-ewm-slide-img {margin:0 auto;max-width:110px;overflow:hidden;}
.footer-ewm-slide-img img {max-width:100%;}
.footer-ewm-slide-title {text-align: center;line-height: 35px;}
.footer-contact {color:rgba(255, 255, 255, .6);font-size:12px;padding:20px 0;text-align: center;line-height: 30px;}
.footer-contact h3 {color:#fff;font-size:16px;margin-bottom: 10px;}
.footer-contact h3 span {font-size:20px;font-weight:500;}
.footer-type {color:rgba(255, 255, 255, .6);line-height: 32px;}
.footer-bottom {font-size: 12px;text-align: center;padding: 20px 0;line-height: 30px;}
.footer-share a {display: inline-block;margin:0 10px;background: url(../Image/images.png) no-repeat;}
.footer-share a:nth-child(1) {width:22px;height:24px;margin-top:1px;background-position:-72px 0;}
.footer-share a:nth-child(2) {width:26px;height:26px;background-position:-76px -24px;}
.footer-share a:nth-child(3) {width:30px;height:26px;background-position:-80px -50px;}
@media (min-width:768px) {
.footer-nav a {flex:1;}
.footer-contact {text-align: left;padding-left: 50px;}
.footer-bottom {text-align: left;}
.footer-share {float:right;}
.footer-ewm-slide {margin:0 13px;}
}
@media (min-width:1200px) {
.footer-index03 {margin-bottom: 50px;}
.footer a:hover {color:#fff;}
.footer .container {max-width:1250px;}
.footer-contact {font-size:14px;}
.footer-type {padding-top:15px;padding-left: 60px;}
.footer-bottom {font-size:14px;padding-top:60px;}
.footer-share a:hover {background-position-x: -50px;}
}
/*footer鏍峰紡*/
/*搴曢儴瀵艰埅*/
.page-margin {height:70px;}
#page-footer ul li {width:25%;}
.page-footer {z-index:998;background-color: #000;position: fixed;bottom: 0;left:0;width: 100%;margin:0;}
.page-footer li {float:left;height:70px;line-height:50px;text-align: center;padding:10px 0;}
.page-footer li a {width:100%;height:100%;text-align:center;color:#fff;}
.page-footer li:hover {background:#555;}
.page-footer li a i{font-size: 24px;color: #fff;display: block;margin-bottom: -10px;}
#page-footer.five ul li {width:20%!important;}
.top {line-height:50px;font-size: 36px;color: #fff;}
.top_li {display:none;}
.five .top_li {display:block;}
/*搴曢儴瀵艰埅*/
/*contact css*/
#allmap {width:100%;height:500px;overflow:hidden;line-height:28px;border:none;}
.con_title {font-size:2.5rem;color:#232323;padding-top:2rem}
.con_title small {font-size:14px;color:#959595;padding-left:1rem}
.contactbox {position:relative;}
.contactbox01 {width:100%;height:auto;overflow:hidden;position:relative;z-index:2}
.contactbox01 .container {position:relative;}
.contactbox02 {position:relative;z-index:1}
.contactbox01 .lxlist {padding:2rem 0}
.contactbox01 .lxlist li {padding:14px 0;line-height:22px;height:auto;overflow:hidden;}
.contactbox01 .lxlist li img {float:left;padding-right:1rem}
.contactbox01 .lxlist li big {line-height:44px;font-size:30px}
.contactbox01 .kefu {background:#024999;transition:1s all}
.contactbox01 .kefu img {display:block;margin:0 auto}
.contactbox01 .kefu:hover {background:#232323}
.contactbox .closecontact {width:30px;height:30px;right:30px;top:30px;position:absolute;}
.contactbox01 .msg01 {width:100%;height:48px;line-height:48px;color:#959595;border:1px solid #d2d2d2;padding:0px 15px;outline:none;margin-bottom:20px;display:block;}
.contactbox01 .msg02 {width:100%;height:118px;color:#959595;line-height:48px;border:1px solid #d2d2d2;padding:0px 10px;outline:none;margin-bottom:20px;display:block;}
.contactbox01 .captcha {width:60%;height:48px;line-height:48px;color:#959595;border:1px solid #d2d2d2;padding:0px 15px;outline:none;margin-bottom:20px;float:left;}
.contactbox01 .msg03 {width:36%;height:48px;text-align:left;text-indent:2rem;line-height:48px;color:#fff;border:1px solid #024999;background:#024999;padding:0px 10px;float:right;outline:none;margin-bottom:1rem;transition:0.4s all}
.contactbox01 .msg03:hover {border:1px solid #232323;}
.contactbox01 .G_inimg {height:30px;margin-left:-25%;float:left;margin-top:9px;}
.contactbox01 .Validform_checktip {display:none !important}
.contactbox01 .msgbox {padding:15px 0;height:auto;overflow:hidden;}
@media(max-width:767px) {
.contactbox01 .G_inimg { margin-left: -30%;}
}
@media(min-width:1200px) {
.contactbox01 {position:absolute;left:0;top:-75px;z-index:10}
.contactbox01 .container {background:#fff;padding:25px 86px 90px}
.con_title {font-size:44px}
.contactbox01 .kefu {width:361px;height:72px;}
.contactbox02 {height:820px}
#allmap {height:820px}
.contactbox01 .msg01,.contactbox01 .msg02,.contactbox01 .captcha {font-size:14px}
.contactbox01 .lxlist li {font-weight:bold;font-size:24px;line-height:28px;}
.contactbox01 .lxlist li img:nth-child(1) {padding-right:40px;}
}